<!DOCTYPE html>
<html lang="en">
	<head>
	<!--Inicio da página de login-->
	
		<meta name="author" content="Dennis Fernandes">
		<meta name="description" content="">
		<meta name="reply-to" content="dennis.fernandes_100@hotmail.com">
		
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	    <meta charset="utf-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    
	    <title>Cabuets</title>
	    
	    <!-- Le styles -->
	    <link href="bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
	    
	    <style type="text/css">
	      body {
	        padding-top: 60px;
	        padding-bottom: 40px;
	      }
	      .sidebar-nav {
	        padding: 9px 0;
	      }
	    </style>
	    
	    <!-- Fav and touch icons -->
	    <link rel="shortcut icon" href="http://globocom.github.io/bootstrap/assets/ico/favicon.ico">
	    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://globocom.github.io/bootstrap/assets/ico/apple-touch-icon-144-precomposed.png">
	    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://globocom.github.io/bootstrap/assets/ico/apple-touch-icon-114-precomposed.png">
	    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://globocom.github.io/bootstrap/assets/ico/apple-touch-icon-72-precomposed.png">
	    <link rel="apple-touch-icon-precomposed" href="http://globocom.github.io/bootstrap/assets/ico/apple-touch-icon-57-precomposed.png">
  	</head>

  	<body>
  	
	  <!-- BARRA DE MENU PRINCIPAL -->
	    <div class="navbar navbar-inverse navbar-fixed-top">
	      <div class="navbar-inner">
	        <div class="container-fluid">
	          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </a>
	          <a class="brand" href="#">Cabuet's</a>
	          <div class="nav-collapse collapse">
	            
	            <ul class="nav">
	              
	              <li class="span9">
	              	<a href=""></a>
	              </li>
	              
	              <li>
	              	<form action="login" method="post" class="navbar-form pull-right">
		              <input name="email_login" id="email_login" class="span2" type="text" placeholder="Email">
		              <input name="senha_login" id="senha_login" class="span2" type="password" placeholder="Senha">
		              <button type="submit" class="btn">Entrar</button>
		            </form>
	              </li>
	            </ul>
	          </div><!--/.nav-collapse -->
	        </div>
	      </div>
	    </div>
		<!-- FIM DA BARRA DE MENU PRINCIPAL -->
  		
  		
  		<div class="container-fluid">
    		<div class="row-fluid">
    			<!-- DIV DE ESPAÇO -->
  				<div class="span1"></div>
  				
  				<!-- DIV DE APRESENTAÇÃO DA REDE SOCIAL -->
  				<div class="span5">
  					<br><br><br><br><br><br><br>
	          		<h1>Cabuet's</h1>
	          		<p align="justify">Rede social é uma estrutura social composta por pessoas ou organizações,
	          		conectadas por um ou vários tipos de relações, que partilham valores e objetivos comuns.
	          		Uma das características fundamentais na definição das redes é a sua abertura e porosidade,
	          		possibilitando relacionamentos horizontais e não hierárquicos entre os participantes.
	          		"Redes não são, portanto, apenas uma outra forma de estrutura, mas quase uma não estrutura,
	          		no sentido de que parte de sua força está na habilidade de se fazer e desfazer rapidamente."
	          		</p>
		        </div>
		        
		        <!-- DIV DE ESPAÇO -->
  				<div class="span1"></div>
  				
		        <!-- DIV DO FORMULÁRIO DE CADASTRO -->
		        <div class="span4">
		        	<form  action="excluirConta" method="post" class="form-horizontal">
					  
					  <br><br>
					  <h1 align="center">Remover sua Conta!</h1>
					  <h4 align="center">Você sairá da rede social Cabuet's.</h4>
					  <br><br>
					  
					  <!-- EMAIL -->
					  <div class="control-group">
					    <label class="control-label" for="inputNome">Digite seu email para confirmar exclusão:</label>
					    <div class="controls">
					      <input type="text" name="email" id="inputNome" placeholder="Email">
					    </div>
					  </div>
					  
					  <!-- BOTÃO -->
					  <div class="control-group">
					    <div align="left" class="controls">
					      <button type="submit" class="btn">Excluir</button>
					    </div>
					  </div>
					</form>
		        </div>
		        
  			</div><!-- row-fluid -->
  		</div><!-- /container-fluid -->
  		
	</body>
</html>
